<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

		<title>订单详情</title>

		<link href="../lib/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
		<link href="../lib/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">

		<link href="../home/css/personal.css" rel="stylesheet" type="text/css">
		<link href="../home/css/orstyle.css" rel="stylesheet" type="text/css">
		<link href="../home/css/ordersellinfo.css" rel="stylesheet" type="text/css">

		<script src="../lib/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
		<script src="../lib/AmazeUI-2.4.2/assets/js/amazeui.js"></script>
	</head>

	<body>
	<div id="ordersellinfo">
		<!--头 -->
		<header>
			<article>
				<iframe  MARGINWIDTH="0" MARGINHEIGHT="0" height="50px" scrolling="no"  width="100%" src="../home/otherHead.html"></iframe>
			</article>
		</header>
            <div class="nav-table">
					   <a href="../home/search.html"><div class="long-title"><span class="all-goods">全部分类</span></div></a>
					   <div class="nav-cont">
							<ul v-for="sit in goodsType">
                                <li class="qc"><a v-bind:href="sit.href">{{sit.name}}</a></li>
							</ul>
					   </div>
			</div>
			<b class="line"></b>
		<div class="center">
			<div class="col-main">
				<div class="main-wrap">

					<div class="user-orderinfo">

						<!--标题 -->
						<div class="am-cf am-padding">
							<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">订单详情</strong></div>
						</div>
						<hr/>
						<!--进度条-->
						<div class="m-progress">
							<div class="m-progress-list">
								<a href="#"><span class="step-1 step " onclick="tab('tab1');">
                                   <em class="u-progress-stage-bg"></em>
                                   <i class="u-stage-icon-inner">1<em class="bg" style="background-image: url('../images/sprite.png');background-position: -79px -135px;width: 19px;height: 19px;"></em></i>
                                   <p class="stage-name">待付款</p>
                                </span></a>
								<a href="#"><span class="step-2 step" onclick="tab('tab2');">
                                   <em class="u-progress-stage-bg"></em>
                                   <i class="u-stage-icon-inner">2<em class="bg" style="background-image: url('../images/sprite.png');background-position: -103px -135px;width: 19px;height: 19px;"></em></i>
                                   <p class="stage-name">已付款</p>
								</span></a>
								<a href="#"><span class="step-3 step" onclick="tab('tab3');">
                                   <em class="u-progress-stage-bg"></em>
                                   <i class="u-stage-icon-inner">3<em class="bg" style="background-image: url('../images/sprite.png');background-position: -103px -135px;width: 19px;height: 19px;"></em></i>
                                   <p class="stage-name">待发货</p>
								</span></a>
								<a href="#"><span class="step-4 step" onclick="tab('tab4');">
                                   <em class="u-progress-stage-bg"></em>
                                   <i class="u-stage-icon-inner">4<em class="bg" style="background-image: url('../images/sprite.png');background-position: -103px -135px;width: 19px;height: 19px;"></em></i>
                                   <p class="stage-name">交易完成</p>
								</span></a>
								<span class="u-progress-placeholder"></span>
							</div>
							<div class="u-progress-bar total-steps-2">
								<div class="u-progress-bar-inner"></div>
							</div>
						</div>
						<div id="tab">
							<!--待付款-->
						<div class="order-infomain" id="tab1">

							<div class="order-top">
								<div class="th th-item">
									<td class="td-inner">商品</td>
								</div>
								<div class="th th-price">
									<td class="td-inner">单价</td>
								</div>
								<div class="th th-number" style="margin-left: 20px;">
									<td class="td-inner">数量</td>
								</div>
								<!--<div class="th th-operation">
                                    <td class="td-inner">商品操作</td>
                                </div>-->
								<div class="th th-amount" style="margin-left: 100px;">
									<td class="td-inner">合计</td>
								</div>
								<!--<div class="th th-status">
									<td class="td-inner">交易状态</td>
								</div>-->
								<div class="th th-change" style="margin-left: 30px;" >
									<td class="td-inner">交易操作</td>
								</div>
							</div>

							<div class="order-main">
							<!--正文部分-->
								<div class="order-status3" v-for="siq in item1">
									<div class="order-title">
										<div class="dd-num">{{siq.name}}<a href="javascript:;">{{siq.namenum}}</a></div>
										<span>{{siq.date}}{{siq.datetime}}</span>
										<!--    <em>店铺：小桔灯</em>-->
									</div>
									<div class="order-content" v-for="siw in siq.val">
										<div class="order-left" >
											<ul class="item-list">
												<li class="td td-item">
													<div class="item-pic">
														<a v-bind:href="siw.href" class="J_MakePoint">
															<img v-bind:src="siw.src">
														</a>
													</div>
													<div class="item-info">
														<div class="item-basic-info">
															<a v-bind:href="siw.href">
																<p>{{siw.name}}</p>
																<p class="info-little">{{siw.color}}
																	<br/>{{siw.explain}}</p>
															</a>
														</div>
													</div>
												</li>
												<li class="td td-price">
													<div class="item-price">
														{{siw.price}}
													</div>
												</li>
												<li class="td td-number" style="margin-left: 20px;">
													<div class="item-number" >
														<span>{{siw.symbol}}</span>{{siw.symbolnum}}
													</div>
												</li>
												<!--<li class="td td-operation">
													<div class="item-operation">
														<a href="change.html">{{siw.cargo}}</a>
													</div>
												</li>-->
											</ul>
										</div>
										<div class="order-right" style="margin-right: 33px;" v-for="sie in siw.val">
											<li class="td td-amount" >
												<div class="item-amount">
													{{sie.sum}}{{sie.sumnum}}
													<p>{{sie.explain}}<span>{{sie.explainnum}}</span></p>
												</div>
											</li>
											<div class="move-right">
												<!--<li class="td td-status">
													<div class="item-status">
														<p class="order-info" style="margin-top:10px;"><a href="ordersellinfo.html">{{sie.deal}}</a></p>
														&lt;!&ndash;<p class="order-info"><a href="orderinfo.html">订单详情</a>
                                                        </p>
                                                        <p class="order-info"><a href="logistics.html">查看物流</a>
                                                        </p>&ndash;&gt;
													</div>
												</li>-->
												<li class="td td-change" style="margin-left:30px;">
													<div class="am-btn am-btn-danger anniu">
														{{sie.change}}
													</div>
												</li>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
							<!--已付款-->
						<div class="order-infomain" id="tab2">

							<div class="order-top">
								<div class="th th-item">
									<td class="td-inner">商品</td>
								</div>
								<div class="th th-price">
									<td class="td-inner">单价</td>
								</div>
								<div class="th th-number" style="margin-left:50px;">
									<td class="td-inner">数量</td>
								</div>
								<!-- <div class="th th-operation">
                                     <td class="td-inner">商品操作</td>
                                 </div>-->
								<div class="th th-amount" style="margin-left:100px;">
									<td class="td-inner">合计</td>
								</div>
								<!--<div class="th th-status" style="margin-left:25px;">
									<td class="td-inner">交易状态</td>
								</div>-->
								<!--<div class="th th-change">
                                    <td class="td-inner">交易操作</td>
                                </div>-->
							</div>

							<div class="order-main">
								<!--正文部分-->
								<div class="order-status3" v-for="siq in item2">
									<div class="order-title">
										<div class="dd-num">{{siq.name}}<a href="javascript:;">{{siq.namenum}}</a></div>
										<span>{{siq.date}}{{siq.datetime}}</span>
										<!--    <em>店铺：小桔灯</em>-->
									</div>
									<div class="order-content" v-for="siw in siq.val">
										<div class="order-left" >
											<ul class="item-list">
												<li class="td td-item">
													<div class="item-pic">
														<a v-bind:href="siw.href" class="J_MakePoint">
															<img v-bind:src="siw.src">
														</a>
													</div>
													<div class="item-info">
														<div class="item-basic-info">
															<a v-bind:href="siw.href">
																<p>{{siw.name}}</p>
																<p class="info-little">{{siw.color}}
																	<br/>{{siw.explain}}</p>
															</a>
														</div>
													</div>
												</li>
												<li class="td td-price">
													<div class="item-price">
														{{siw.price}}
													</div>
												</li>
												<li class="td td-number" style="margin-left:50px;">
													<div class="item-number">
														<span>{{siw.symbol}}</span>{{siw.symbolnum}}
													</div>
												</li>
												<!--<li class="td td-operation">
													<div class="item-operation">
														<a href="change.html">{{siw.cargo}}</a>
													</div>
												</li>-->
											</ul>
										</div>
										<div class="order-right"  v-for="sie in siw.val">
											<li class="td td-amount" style="margin-left:10px;">
												<div class="item-amount" >
													{{sie.sum}}{{sie.sumnum}}
													<p>{{sie.explain}}<span>{{sie.explainnum}}</span></p>
												</div>
											</li>
											<div class="move-right">
												<!--<li class="td td-status">
													<div class="item-status" style="margin-left:30px;">
														<p class="order-info" style="margin-top:10px;"><a href="ordersellinfo.html">{{sie.deal}}</a></p>
														&lt;!&ndash;<p class="order-info"><a href="orderinfo.html">订单详情</a>
                                                        </p>
                                                        <p class="order-info"><a href="logistics.html">查看物流</a>
                                                        </p>&ndash;&gt;
													</div>
												</li>-->
												<!--<li class="td td-change" >
                                                    <div class="am-btn am-btn-danger anniu">
                                                        {{sie.pass}}
                                                    </div>
                                                </li>-->
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
							<!--待发货-->
							<div class="order-infomain" id="tab3">

								<div class="order-top">
									<div class="th th-item">
										<td class="td-inner">商品</td>
									</div>
									<div class="th th-price">
										<td class="td-inner">单价</td>
									</div>
									<div class="th th-number" style="margin-left:50px;">
										<td class="td-inner">数量</td>
									</div>
									<!-- <div class="th th-operation">
                                         <td class="td-inner">商品操作</td>
                                     </div>-->
									<div class="th th-amount" style="margin-left:100px;">
										<td class="td-inner">合计</td>
									</div>
									<!--<div class="th th-status" style="margin-left:25px;">
                                        <td class="td-inner">交易状态</td>
                                    </div>-->
									<!--<div class="th th-change">
                                        <td class="td-inner">交易操作</td>
                                    </div>-->
								</div>

								<div class="order-main">
									<!--正文部分-->
									<div class="order-status3" v-for="siq in item3">
										<div class="order-title">
											<div class="dd-num">{{siq.name}}<a href="javascript:;">{{siq.namenum}}</a></div>
											<span>{{siq.date}}{{siq.datetime}}</span>
											<!--    <em>店铺：小桔灯</em>-->
										</div>
										<div class="order-content" v-for="siw in siq.val">
											<div class="order-left" >
												<ul class="item-list">
													<li class="td td-item">
														<div class="item-pic">
															<a v-bind:href="siw.href" class="J_MakePoint">
																<img v-bind:src="siw.src">
															</a>
														</div>
														<div class="item-info">
															<div class="item-basic-info">
																<a v-bind:href="siw.href">
																	<p>{{siw.name}}</p>
																	<p class="info-little">{{siw.color}}
																		<br/>{{siw.explain}}</p>
																</a>
															</div>
														</div>
													</li>
													<li class="td td-price">
														<div class="item-price">
															{{siw.price}}
														</div>
													</li>
													<li class="td td-number" style="margin-left:50px;">
														<div class="item-number">
															<span>{{siw.symbol}}</span>{{siw.symbolnum}}
														</div>
													</li>
													<!--<li class="td td-operation">
                                                        <div class="item-operation">
                                                            <a href="change.html">{{siw.cargo}}</a>
                                                        </div>
                                                    </li>-->
												</ul>
											</div>
											<div class="order-right"  v-for="sie in siw.val">
												<li class="td td-amount" style="margin-left:10px;">
													<div class="item-amount" >
														{{sie.sum}}{{sie.sumnum}}
														<p>{{sie.explain}}<span>{{sie.explainnum}}</span></p>
													</div>
												</li>
												<div class="move-right">
													<!--<li class="td td-status">
                                                        <div class="item-status" style="margin-left:30px;">
                                                            <p class="order-info" style="margin-top:10px;"><a href="ordersellinfo.html">{{sie.deal}}</a></p>
                                                            &lt;!&ndash;<p class="order-info"><a href="orderinfo.html">订单详情</a>
                                                            </p>
                                                            <p class="order-info"><a href="logistics.html">查看物流</a>
                                                            </p>&ndash;&gt;
                                                        </div>
                                                    </li>-->
													<!--<li class="td td-change" >
                                                        <div class="am-btn am-btn-danger anniu">
                                                            {{sie.pass}}
                                                        </div>
                                                    </li>-->
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="order-infomain" id="tab4">

								<div class="order-top">
									<div class="th th-item">
										<td class="td-inner">商品</td>
									</div>
									<div class="th th-price">
										<td class="td-inner">单价</td>
									</div>
									<div class="th th-number" style="margin-left:50px;">
										<td class="td-inner">数量</td>
									</div>
									<!-- <div class="th th-operation">
                                         <td class="td-inner">商品操作</td>
                                     </div>-->
									<div class="th th-amount" style="margin-left:100px;">
										<td class="td-inner">合计</td>
									</div>
									<!--<div class="th th-status" style="margin-left:25px;">
                                        <td class="td-inner">交易状态</td>
                                    </div>-->
									<!--<div class="th th-change">
                                        <td class="td-inner">交易操作</td>
                                    </div>-->
								</div>

								<div class="order-main">
									<!--正文部分-->
									<div class="order-status3" v-for="siq in item4">
										<div class="order-title">
											<div class="dd-num">{{siq.name}}<a href="javascript:;">{{siq.namenum}}</a></div>
											<span>{{siq.date}}{{siq.datetime}}</span>
											<!--    <em>店铺：小桔灯</em>-->
										</div>
										<div class="order-content" v-for="siw in siq.val">
											<div class="order-left" >
												<ul class="item-list">
													<li class="td td-item">
														<div class="item-pic">
															<a v-bind:href="siw.href" class="J_MakePoint">
																<img v-bind:src="siw.src">
															</a>
														</div>
														<div class="item-info">
															<div class="item-basic-info">
																<a v-bind:href="siw.href">
																	<p>{{siw.name}}</p>
																	<p class="info-little">{{siw.color}}
																		<br/>{{siw.explain}}</p>
																</a>
															</div>
														</div>
													</li>
													<li class="td td-price">
														<div class="item-price">
															{{siw.price}}
														</div>
													</li>
													<li class="td td-number" style="margin-left:50px;">
														<div class="item-number">
															<span>{{siw.symbol}}</span>{{siw.symbolnum}}
														</div>
													</li>
													<!--<li class="td td-operation">
                                                        <div class="item-operation">
                                                            <a href="change.html">{{siw.cargo}}</a>
                                                        </div>
                                                    </li>-->
												</ul>
											</div>
											<div class="order-right"  v-for="sie in siw.val">
												<li class="td td-amount" style="margin-left:10px;">
													<div class="item-amount" >
														{{sie.sum}}{{sie.sumnum}}
														<p>{{sie.explain}}<span>{{sie.explainnum}}</span></p>
													</div>
												</li>
												<div class="move-right">
													<!--<li class="td td-status">
                                                        <div class="item-status" style="margin-left:30px;">
                                                            <p class="order-info" style="margin-top:10px;"><a href="ordersellinfo.html">{{sie.deal}}</a></p>
                                                            &lt;!&ndash;<p class="order-info"><a href="orderinfo.html">订单详情</a>
                                                            </p>
                                                            <p class="order-info"><a href="logistics.html">查看物流</a>
                                                            </p>&ndash;&gt;
                                                        </div>
                                                    </li>-->
													<!--<li class="td td-change" >
                                                        <div class="am-btn am-btn-danger anniu">
                                                            {{sie.pass}}
                                                        </div>
                                                    </li>-->
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
				<!--底部-->
				<iframe  MARGINWIDTH="0" MARGINHEIGHT="0" height="50px" scrolling="no"  width="100%" src="../home/otherFoot.html"></iframe>

			</div>
			<aside class="menu">
				<ul>
					<li class="person">
						<a href="index.html">个人中心</a>
					</li>
					<li class="person">
						<a href="#">个人资料</a>
						<ul>
							<li> <a href="information.html">个人信息</a></li>
							<li> <a href="safety.html">安全设置</a></li>
							<li> <a href="address.html">收货地址</a></li>
						</ul>
					</li>
					<li class="person">
						<a href="#">我的交易</a>
						<ul>
							<li ><a href="orderunit.html">我的订单</a></li>
							<li><a href="ordercgb.html">订单管理</a></li>
							<li class="active"><a href="ordersell.html">订单列表</a></li>
							<li> <a href="change.html">退款售后</a></li>
						</ul>
					</li>
					<!--报表统计-->
					<li class="person">
						<a href="../home/statisticalChart.html">报表统计</a>
					</li>
					<li class="person">
						<a href="#">我的资产</a>
						<ul>
							<li> <a href="coupon.html">优惠券 </a></li>
							<li> <a href="bonus.html">红包</a></li>
							<li> <a href="bill.html">账单明细</a></li>
						</ul>
					</li>
				</ul>
			</aside>
		</div>
		<script src="../home/js/vue.min.js"></script>
		<script src="../charge/ordersellinfo.js"></script>
	</body>

</html>